{% extends 'base_with_top_menu.html' %}

{% load go_back_link %}

{% block title %}User profile{% endblock %}

{% block header %}User profile - {{first_name}} {{last_name}}{% endblock %}

{% block content %}
    {% go_back_link "Go back" %}

    <ul class="spaces userProfile">
      <!-- <li><span class="label">Name</span>: {{ first_name }}</li> -->
      <!-- <li><span class="label">Surname</span>: {{ last_name }}</li> -->
      <li><span class="label">E-mail</span>: {{ email|urlize }} {% if display_tips %}<div class="itip">Email link is clickable. Try!</div>{% endif %} </li>
      <li><span class="label">Phones</span>: {% if phones %}
        <ul class="phones">
          {% for p in phones %}
          <li>{{p.type}}:
            {%ifequal p.type "Skype" %}<a class="skype" href="skype:{{p.value}}">{{p.value}}</a>{% else %}{{p.value}}{% endifequal %}
            {%ifequal p.type "Skype" %} {%if display_tips %}<div class="itip">Skype link is clickable. Try!</div>{% endif %}{% endifequal %}
          </li>
          {% endfor %}
        </ul>
        {% else %} None defined {% endif %}
      </li>
      <li><span class="label">Building I work in</span>: {{ building|default_if_none:"Not defined" }}  </li>
    </ul>
    
    <div class='content_form'>
        <b>
        | <a href='{{ reservations }}'>Reservations</a> | 
        <a href='{{ rentals }}'>Rentals</a> |
        </b>
    </div>

    {% block edit_form %}
    {% endblock %}
{% endblock %}
